<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>产品</title>
    <link rel="shortcut icon" href="../images/logo_16x16.png">
    <link rel="stylesheet" href="../css/plugins/bootstrap.min.css">
    <link rel="stylesheet" href="../css/theme.css">
    <script src="../scripts/plugins/rem.js"></script>
    <!--[if lt IE 9]>
    <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
    <script src="http://apps.bdimg.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<!--顶部导航栏菜单-->
<nav class="navbar navbar-default">
    <div class="container">
        <!--  *************** 响应式头部 start ***************  -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="./index.html"><img src="../images/logo.png" alt="logo"></a>
        </div>
        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse navbar-right" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li><a href="./product.html" class="nav--active">产品</a></li>
                <li><a href="./customization.html">SaaS定制平台</a></li>
                <li><a href="./fabric.html">SaaS面料平台</a></li>
                <li><a href="./case.html">客户案例</a></li>
                <li><a href="./consulting.html">活动资讯</a></li>
            </ul>
        </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
</nav>

<div class="product">
    <!-- tab切换按钮 -->
    <div class="my-tab">
        <div class="container">
            <div class="row">
                <div class="col-lg-2"></div>
                <div class="col-lg-8">
                    <a href="#home" data-toggle="tab" class="nav-tab active">面料平台</a>
                    <a href="#customization" data-toggle="tab" class="nav-tab">定制平台</a>
                    <a href="#retail" data-toggle="tab" class="nav-tab">零售平台</a>
                </div>
                <div class="col-lg-2"></div>
            </div>
        </div>
    </div>
    <div class="tab-content">
        <!-- 面料平台 -->
        <div class="tab-pane fade in active" id="home">
            <div class="tab-common tab1">
                <div class="container">
                    <div class="row">
                        <div class="text-cls tab1-text text col-lg-4 col-md-4 col-sm-6 col-xs-12 col-lg-offset-2 col-md-offset-2 text-left-center">
                            <h3>极速高效的面料扫描</h3>
                            <p>
                                2-3分钟即可完成一款面料扫描</p>
                                <p>自动生成五大3D材质贴图</p>
                                <p>实现高效逼真的面料数字化采集
                            </p>
                            <a class="product-detail-btn" href="./scanner.html"><span class="qs-scanner-down">查看详情</span></a>
                        </div>
                        <div class="img-cls col-lg-6 col-md-6 col-sm-6 col-xs-8">
                            <img src="../images/product/product-new-1.png" class="auto img-responsive center-block" alt=""/>
                        </div>
                    </div>
                </div>
            </div>
            <div class="tab-common tab2">
                <div class="container">
                    <div class="row">
                        <div class="img-left col-lg-6 col-md-6 col-sm-6 col-xs-12">
                            <div class="back-img">
                                <video src="../video/product-material-400X300.mp4" loop="loop" autoplay="autoplay"></video>
                            </div>
                            <!--<img src="../images/product/product-new-2.png" class="auto img-responsive center-block" alt=""/>-->
                        </div>
                        <div class="text-left tab1-text text col-lg-4 col-md-4 col-sm-6 col-xs-12 col-lg-offset-2 col-md-offset-2 text-left-center" >
                            <h3>面料3D成衣可视化</h3>
                            <p>360度极致逼真的3D成衣效果展示</p><p>全方位展示面料并促进面料评审互动进程</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="tab-common tab1">
                <div class="container">
                    <div class="row">
                        <div class="text-cls tab1-text text col-lg-4 col-md-4 col-sm-6 col-xs-12 col-lg-offset-2 col-md-offset-2 text-left-center">
                            <h3>快速精准的面料检索</h3>
                            <p>面料、服装分类应用可快速检索到需求面料</p><p>以图搜图，精准匹配相似面料</p>
                        </div>
                        <div class="img-right col-lg-6 col-md-6 col-sm-6 col-xs-12">
                            <div class="search-material">
                                <video src="../video/search-material-400X300.mp4"  loop="loop" autoplay="autoplay"></video>
                            </div>
                            <!--<img src="../images/product/product-new-3.png" class="auto img-responsive center-block" alt=""/>-->
                        </div>
                    </div>
                </div>
            </div>
            <div class="tab-common tab2">
                <div class="container">
                    <div class="row">
                        <div class="img-news-4 col-lg-6 col-md-6 col-sm-6 col-xs-12">
                            <img src="../images/product/product-new-4.png" class="auto img-responsive center-block" alt=""/>
                        </div>
                        <div class="text-left tab1-text text col-lg-4 col-md-4 col-sm-6 col-xs-12 col-lg-offset-2 col-md-offset-2 text-left-center" >
                            <h3>多终端商务应用体验</h3>
                            <p>适用于大屏/ipad/电脑/手机等终端设备</p><p>全方位服务于档口、展会等多样的商务场景</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="tab-common tab1">
                <div class="container">
                    <div class="row">
                        <div class="text-cls text col-lg-5 col-md-4 col-sm-6 col-xs-12 col-lg-offset-2 col-md-offset-2 text-left-center">
                            <h3>聚合管理，助力卓越运营</h3>
                            <p>建立涵盖面料/客户/商户等完整、规范的后台管理体系，实现高效的数字一体化管理运营</p>
                        </div>
                        <div class="img-right col-lg-6 col-md-6 col-sm-6 col-xs-12">
                            <img class="exceeding" src="../images/product/product-new-5.png" class="auto img-responsive center-block" alt=""/>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- END 面料平台 -->

        <!-- 定制平台 -->
        <div class="tab-pane fade" id="customization">
            <div class="tab-common tab1">
                <div class="container">
                    <div class="row">
                        <div class="text-cls tab1-text text col-lg-5 col-md-4 col-sm-6 col-xs-12 col-lg-offset-2 col-md-offset-2 text-left-center">
                            <h3>3D互动定制</h3>
                            <p>全3D互动操作，高保真3D模型/定制部件/面料</p><p>360度实时展现定制组合效果</p><p>提供逼真有趣的全新定制互动体验</p>
                        </div>
                        <div class="img-cls col-lg-6 col-md-6 col-sm-6 col-xs-12">
                            <div class="custom-back">
                                <video src="../video/customization-300X400.mp4"  loop="loop" autoplay="autoplay"></video>
                            </div>
                            <!--<img src="../images/product/product-new-6.png" class="auto img-responsive center-block" alt=""/>-->
                        </div>
                    </div>
                </div>
            </div>
            <div class="tab-common tab2">
                <div class="container">
                    <div class="row">
                        <div class="img-cls col-lg-6 col-md-6 col-sm-6 col-xs-12">
                            <div class="custom-back2"><video src="../video/massing-300X400.mp4"  loop="loop" autoplay="autoplay"></video></div>
                        </div>
                        <div class="text-left tab1-text text col-lg-4 col-md-4 col-sm-6 col-xs-12 col-lg-offset-2 col-md-offset-2 text-left-center" >
                            <h3>量体配置</h3>
                            <p>完整的量体预约-量体数据采集配置服务有效满足量体定制的业务需求，迈向数字化量体进程</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="tab-common tab1">
                <div class="container">
                    <div class="row">
                        <div class="text-platform tab1-text text col-lg-5 col-md-4 col-sm-6 col-xs-12 col-md-offset-2 text-left-center">
                            <h3>整合多平台应用</h3>
                            <p>覆盖大屏/IPAD/PC/WEB/微信等操作终端</p><p>提升顾客定制购物的便利性</p><p>加速线上线下渠道融合</p>
                        </div>
                        <div class="img-right col-lg-7 col-md-6 col-sm-6 col-xs-12">
                            <img class="exceeding img-platform" src="../images/product/product-new-8.png" class="auto img-responsive center-block" alt=""/>
                        </div>
                    </div>
                </div>
            </div>
            <div class="tab-common tab2">
                <div class="container">
                    <div class="row">
                        <div class="img-left col-lg-6 col-md-6 col-sm-6 col-xs-12">
                            <img src="../images/product/product-new-9.png" class="auto img-responsive center-block" alt=""/>
                        </div>
                        <div class="text-cls text col-lg-5 col-md-4 col-sm-6 col-xs-12 col-lg-offset-1 text-left-center" >
                            <h3>后台管理</h3>
                            <p>定制素材/商品/订单/促销等多维管理集成</p>
                            <p>订单/量体数据可直接对接第三方生产系统，促进定制业务良好运营</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- END定制平台 -->

        <!-- 零售平台 -->
        <div class="tab-pane fade" id="retail">
            <div class="tab-common tab1">
                <div class="container">
                    <div class="row">
                        <div class="text-cls tab1-text text col-lg-5 col-md-4 col-sm-6 col-xs-12 col-lg-offset-2 col-md-offset-2 text-left-center">
                            <h3>智能购物</h3>
                            <p>构建全品类的鞋服3D数据库</p><p>打造门店海量商品的3D展示与交互</p><p>提升消费者线下购物体验，实现智能门店服务升级</p>
                        </div>
                        <div class="img-cls col-lg-6 col-md-6 col-sm-6 col-xs-12">
                            <div class="custom-back">
                                <video src="../video/zhinengShopping.mp4"  loop="loop" autoplay="autoplay"></video>
                            </div>
                        </div>
                        <!--<div class="text-cls tab1-text text col-lg-4 col-md-4 col-sm-6 col-xs-12 col-lg-offset-2 col-md-offset-2 text-left-center">-->
                            <!--<h3>智能购物</h3>-->
                            <!--<p>构建全品类的鞋服3D数据库</p><p>打造门店海量商品的3D展示与交互</p><p>提升消费者线下购物体验，实现智能门店服务升级</p>-->
                        <!--</div>-->
                        <!--<div class="img-right col-lg-6 col-md-6 col-sm-6 col-xs-12">-->
                            <!--<div class="retail-img">-->
                                <!--<video src="../video/retail-566X318.mp4"  loop="loop" autoplay="autoplay"></video>-->
                            <!--</div>-->
                            <!--&lt;!&ndash;<img src="../images/product/product-new-10.png" class="auto img-responsive center-block" alt=""/>&ndash;&gt;-->
                        <!--</div>-->
                    </div>
                </div>
            </div>
            <div class="tab-common tab2">
                <div class="container">
                    <div class="row">
                        <div class="img-left col-lg-6 col-md-6 col-sm-6 col-xs-12">
                            <div class="retail-img2">
                                <img src="../video/tool-566X318.gif" alt="">
                            </div>
                            <!--<img src="../images/product/product-new-11.png" class="auto img-responsive center-block" alt=""/>-->
                        </div>
                        <div class="text-right tab1-text text col-lg-4 col-md-4 col-sm-6 col-xs-12 col-lg-offset-2 col-md-offset-2 text-left-center" >
                            <h3>搭配工具</h3>
                            <p>根据商品库存调整搭配，设定多种固定的搭配建议</p><p>提升商品连带率</p><p>提升滞销产品的销售量</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="tab-common tab1">
                <div class="container">
                    <div class="row">
                        <div class="text-cls tab1-text text col-lg-4 col-md-4 col-sm-6 col-xs-12 col-lg-offset-2 col-md-offset-2 text-left-center">
                            <h3>人脸识别</h3>
                            <p>记录人脸ID的消费轨迹</p><p>登录会员打通线上下消费轨迹</p><p>完成会员信息打通，实现更加准确的推荐</p>
                        </div>
                        <div class="img-right col-lg-6 col-md-6 col-sm-6 col-xs-12">
                            <img src="../images/product/product-new-12.png" class="auto img-responsive center-block" alt=""/>
                        </div>
                    </div>
                </div>
            </div>
            <div class="tab-common tab2">
                <div class="container">
                    <div class="row">
                        <div class="img-left col-lg-6 col-md-6 col-sm-6 col-xs-12">
                            <img src="../images/product/product-new-13.png" class="auto img-responsive center-block" alt=""/>
                        </div>
                        <div class="text-right tab1-text text col-lg-4 col-md-4 col-sm-6 col-xs-12 col-lg-offset-2 col-md-offset-2 text-left-center" >
                            <h3>大数据</h3>
                            <p>全渠道、全品类整合消费者的行为和足迹</p><p>建立分析体系，提供优质的消费者服务</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- END零售平台 -->
    </div>
</div>

<div class="qs-footer">
    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-sm-9 col-md-9 col-lg-8 qs-footer__litxt">
                <ul class="col-xs-4 col-sm-3 col-md-3 col-lg-3">
                    <li class="qs-footer__litxt__title">快速通道</li>
                    <li><a href="./product.html#home">面料平台</a></li>
                    <li><a href="./product.html#customization">定制平台</a></li>
                    <li><a href="./product.html#retail">服装智能零售</a></li>
                    <li><a href="./scanner.html">面料扫描仪</a></li>
                </ul>
                <ul class="col-xs-4 col-sm-3 col-md-3 col-lg-3">
                    <li class="qs-footer__litxt__title">关于我们</li>
                    <li><a href="./about.html">关于启尚</a></li>
                    <li><a href="./contact-us.html">联系方式</a></li>
                    <li><a href="./talent.html">人才计划</a></li>
                </ul>
                <ul class="col-xs-4 col-sm-3 col-md-3 col-lg-2">
                    <li class="qs-footer__litxt__title">规则条款</li>
                    <li><a>服务条款</a></li>
                    <li><a>隐私条款</a></li>
                </ul>
            </div>
            <div class="col-xs-12 col-sm-3 col-md-3 col-lg-4 qs-footer__phone">
                <h3>0592-5577008</h3>
                <h5>周一至周五 08:00 - 18:00</h5>
                <div class="qs-footer__phone__btn">
                    <button class="btn">免费上门服务</button>
                </div>
                <div class="qs-footer__phone__icon">
                    <i class="iconfont icon-guanwang-tubiao-14"></i>
                </div>
            </div>
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 qs-footer__company">
                <p> Copyright © 2012-2017 Qishon Technology International Company Ltd. </p>
                <h4>厦门启尚科技有限公司<span>|</span>闽ICP备15017467号-1</h4>
            </div>
        </div>
    </div>
</div>

<script src="../scripts/plugins/jquery-1.9.1.min.js"></script>
<script src="../scripts/plugins/bootstrap.min.js"></script>
<script src="../scripts/common.js"></script>
<script src="../scripts/product.js"></script>
</body>
</html>